<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--Plantilla formulario--> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Academia Mozart</title>
    <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

    <script src="validate.js"></script>
  </head>

  <body>

    <div id="wrapper">
      <div id="header">

      </div>
      <div id="nav">
        <a href="index.php">Ingresar</a>
      </div>
      <div id="body">
        <div id="body-top">
          <div id="body-bot">
            <div id="express-box">
              <h2><b>Crear cuenta </b></h2>
              <!--Formulario de registro-->
              <form name="registro" method=post action="index.php">
                <table>
                  <tr>
                    <td>Usuario:</td>
                    <td><input type="text" name="usuario" align="right"/></td>
                  </tr>
                  <tr>
                    <td>Password:</td>
                    <td><input type="password" name="pass" align="right"/> </td>
                  </tr>
                  <tr>
                    <td>Confirmar Password:</td>
                    <td><input type="password" name="pass2" align="right"/> </td>
                  </tr>
                  <tr>
                    <td>
                      <input type="submit" name="formRegistro" value="Registrar" onClick="validarRegistro()"/>
                    </td>
                  </tr>
                </table>
              </form>
            </div>

            <div id="express-box">
              <h2><b>Iniciar sesion </b></h2>

              <!--Formulario de ingreso-->
              <form name="ingreso" method=post action="index.php">
                <table >
                  <tr>
                    <td>Usuario:</td>
                    <td><input type="text" name="nombre"/> </td>
                  </tr>
                  <tr>
                    <td>Password:</td>
                    <td><input type="password" name="password"/> </td>
                  </tr>
                  <tr><td><br /></td></tr>
                  <tr>
                    <td>
                      <input type="submit" name="formIngresar" value="Ingresar" onClick="validarIngreso()"/>
                    </td>
                  </tr>
                </table>
                <!--<input type="reset" value="Borrar información">-->
              </form>
            </div>
            <div class="clear"></div>
          </div>
        </div>

      </div>

      <div id="footer">
        <p>&copy; 2012 <a href="http://www.academiamozart.es.tl">http://www.academiamozart.es.tl</a></p>
      </div>
    </div>

  </body>

</html>
